<template>
	<div class="m-wallet">
		<!-- g-warning -->
		<div class="g-warning">
		  <el-alert
		    type="warning"
		    show-icon>
		    <p class="ip-item">
		    	<span class="ip-time">2019-09-10, 14:51:13</span>
		    	<span class="ip-time">您的账户于异地登录</span>
		    	<span class="ip-time">地点：洛阳,CN</span>
		    	<span class="ip-time">IP地址：123.163.11.250</span>
		    	<span class="ip-time f-blue">若非本人操作，请及时更改登录密码并联系客服</span>
		    </p>
		  </el-alert>
		</div>
		<!-- g-warning end -->
		<g-tit01
			:title="$route.meta.title"
			:select="selectList01"
			@command="selectChange"
		>
			<span>估值</span>
		</g-tit01>
		<!-- g-warning -->
		<div class="g-warning">
		  <el-alert
		    type="warning"
		    show-icon>
		    <p class="ip-item">
		    	<span class="ip-time">充币成功后，若想进行“币币交易”，需操作“资金划转”，将“资金账户”的币转移到该账户上。</span>
		    </p>
		  </el-alert>
		</div>
		<!-- g-warning end -->
		<div class="total">
			<h3>资产折合</h3>
			<div class="money">0<span>{{ moneyType }}</span></div>
		</div>
		<div class="totaltable">
			<div class="top fix">
				<div class="left fix">
					<el-input
						class="g-search01"
				    placeholder="币种搜索"
				    prefix-icon="el-icon-search"
				    v-model="search">
				  </el-input>
				  <div class="g-checkbox01">
				  	<el-checkbox v-model="hideMoney">隐藏小额币种</el-checkbox>
				  	<div class="pop-tip-div">
				  		<i class="icon iconfont icon-info-circle"></i>
				  		<span> 小于0.001BTC</span>
				  	</div>
				  </div>
				</div>
				<div class="right">
					<div class="g-button02">
				  	<el-button round >资金账户账单</el-button>	
					</div>
				</div>
			</div>
			<div class="m-table01 m-table02">
	    	<div class="table">
					<el-table
			      :data="tableData"
			      style="width: 100%"
		      >
			      <el-table-column
			        prop="type"
			        label="币种"
		        >
		        	<template slot-scope="scope">
		        		<p class="now">{{scope.row.type}}<span v-if="scope.row.fullname.length">{{scope.row.fullname}}</span></p>
		        	</template>
			      </el-table-column>
			      <el-table-column
			        prop="can"
			        label="可用"
			        align="right"
		        >
			      </el-table-column>
			      <el-table-column
			        prop="lock"
			        label="锁定"
			        align="right"
		        >
			      </el-table-column>
			      <el-table-column
			        prop="hold"
			        :label="moneyType + ' 估值'"
			        align="right"
		        >
			      </el-table-column>
			      <el-table-column
			        label="操作"
			        align="right"
		        >
		        	<template slot-scope="scope">
		        		<span
		        			class="f-blue"
		        			@click.stop="addMoney(scope.row)"
		        		>充币</span>
		        		<span
		        			class="f-blue"
		        			@click.stop="getMoney(scope.row)"
		        		>提币</span>
		        		<span
		        			class="f-blue"
		        			@click.stop="openPop(scope.row)"
		        		>资金划转</span>
		        	</template>
			      </el-table-column>
			    </el-table>
		  	</div>
			</div>
		</div>
	</div>
</template>

<script>
	import gTit01 from "@/components/gTit01"
	export default {
		data() {
			return {
				selectList01: [
					"BTC",
					"USD",
					"CNY",
					"JPY",
					"KRW",
					"RUB",
					"THB",
				],
				moneyType: "BTC",
				search: "",
				hideMoney: false,
				tableData: [
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        	{
        		type: "BTC",
        		fullname: "比特币",
        		can: "0.00000000",
        		lock: "0.00000000",
        		hold: "0.00000000"
        	},
        ],
			}
		},
		components: {
			gTit01
		},
		created() {
		},
		methods: {
			selectChange(command) {
				this.moneyType = command;
			},
			// 充币
			addMoney(row) {
				// TODO 跳转到充币页面
				this.goto({

				});
			},
			// 提币
			getMoney(row) {
				// TODO 跳转到提币页面
				this.goto({

				});
			},
			// 打开资金划转弹窗
			openPop(row) {
				// TODO 打开资金划转弹窗

			},
			// 跳转页面
			// obj: 跳转页面的参数
			goto(obj) {
				this.$router.push(obj);
			}
		}
	}
</script>

<style>
</style>
